#set($layout="/www/layout/member_layout.html")
#set($pageClass="member")
<div class="member-portlet clearfix">
    <div class="member-portlet-body clearfix">
    	#if($roleHomsCnName == "管理员")
        <div class="col-md-12">
            <div class="panel">
                <div class="panel-heading">
					<h3 class="panel-title"><a href="$!{ctx}/member/bill.do">我的账单</a></h3>
                    <span class="caret"></span>
                </div>
                <div class="panel-body">
					  $!info
                    <script src="$!{ctx}/thirdparty/Highcharts-4/js/highcharts.js" type="text/javascript"></script>
					#if($categories!="[]" || $data!="[]")
                    <div class="chart-content" style="width:100%;height:100%">
                    </div>
                    <script>
                        jQuery(document).ready(function($)
                        {
                            $('.chart-content').highcharts(
                            {
                                width: 300,
                                height: 185,
                                title:
                                {
                                    text: '本期账单 ($!currentBillBean.billMonth月)',
                                },
                                subtitle:
                                {
                                    text: '总额：￥   #if($!currentBillBean.techServiceMoney==-9999.99)/#else$!currentBillBean.techServiceMoney#end',
                                },
                                xAxis:
                                {
                                    categories: $!categories
                                },
                                yAxis:
                                {
								    min: 0,
                                    title:
                                    {
                                        text: '技术服务费(￥)'
                                    },
                                    plotLines: [
                                    {
                                        value: 0,
                                        width: 1,
                                        color: '#808080'
                                    }]
                                },
                                tooltip:
                                {
                                     formatter:function(){
												return  '技术服务费(￥):' + this.y + '<br/>委托笔数:'+this.point.ds+ '<br/>成交笔数:'+this.point.dos;
												}
                                },
                                legend:
                                {
                                    layout: 'vertical',
                                    align: 'buttom',
                                    borderWidth: 0
                                },
                                series: [
                                {
                                    name: '技术服务费',
                                    data: $!data
                                }]
                            });
                        });
                    </script>
					#end
                </div>
            </div>
        </div>
        #end
        <div class="col-md-6">
            <div class="panel" id="user-panel">
                <div class="panel-heading">
                    <h3 class="panel-title">我的HOMS</h3>
                    <span class="caret"></span>
                </div>
                <div class="panel-body">
					<div class="line top"></div>
					<div class="line bottom"></div>
                    <div class="user-box">
						<div class="icons-box-user"></div>
						<h5>$!user.cnName</h5>
					</div>
                    <div class="company-box">
                    	#if((!$userBean.homsAccountType)||($userBean.homsAccountType==0))
						<div class="icons-box-trial"></div>
						<a href="$!{ctx}/member/trialreq.do" class="btn btn-primary">
							免费试用</a>
						<div class="desc">您还没有体验过HOMS,来试试吧！</div>
						#end
						#if($userBean.homsAccountType==1)
						<div class="icons-box-buy"></div>
						<a href="http://shop103975743.taobao.com/" target="_blank" class="btn btn-primary">
							立即订购</a>
						<div class="desc">觉得HOMS不错，把TA带回去吧！</div>
						#end
						#if($userBean.homsAccountType==2)
						<div class="icons-box-company"></div>
						<h5>$!company.companyName</h5>
						#end
					</div>
                    <div class="service-box">
						<div class="icons-box-customer"></div>
							<h5>用户服务中心</h5>
							#if((!$userBean.homsAccountType)||($userBean.homsAccountType==0)||($userBean.homsAccountType==1))
							<p><a href="tel://0571-28829689">0571-28829689</a></p>
							<p><a href="emailto://yuss05951@whyse.com">yuss05951@whyse.com</a></p>
							#end
							#if($userBean.homsAccountType==2)
							<p><a href="tel://0571-28829999-6">0571-28829999-6</a></p>
							<p><a href="emailto://service.homs@whyse.com">service.homs@whyse.com</a></p>
							#end
					</div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel" id="news">
                <div class="panel-heading">
                    <h3 class="panel-title"><a href="$tool.getCmsPrefix()news/index.htm">资讯</a></h3>
                </div>
                <div class="panel-body">
                    <div class="col-md-resize tabs-horizontal">
                        <div class="col-md-side">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="$tool.getCmsPrefix()notice/" data-target="#news-announce" data-toggle="tab">公告</a>
                                </li>
                                <li><a href="$tool.getCmsPrefix()news/" data-target="#news-list" data-toggle="tab">新闻</a>
                                </li>
                                <li><a href="$tool.getCmsPrefix()special/" data-target="#news-topic" data-toggle="tab">专题</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-content tab-content">
                            <div class="tab-pane active" id="news-announce">
                                <ul class="articles">
                                	#foreach($bean in $noticeList)
                                			#if($velocityCount == $noticeList.size())
                                            <li class = "last-child">
                                            #else
                                            <li>
                                            #end
											<a href="$!bean.link" target="_blank" title="$!bean.title">#subString($!bean.title 19)</a>
											<span class="article_date">#m_date($!bean.date)</span>
                                        </li>
									#end
                                </ul>
                            </div>
                            <div class="tab-pane" id="news-list">
                                <ul class="articles">
                                    #foreach($bean in $newsList)
											#if($velocityCount == $newsList.size())
                                            <li class = "last-child">
                                            #else
                                            <li>
                                            #end
											<a href="$!bean.link" target="_blank" title="$!bean.title">#subString($!bean.title 19)</a>
											<span class="article_date">#m_date($!bean.date)</span>
                                        </li>
									#end
                                </ul>
                            </div>
                            <div class="tab-pane" id="news-topic">
                                <ul class="articles">
                                    #foreach($bean in $specialList)
											#if($velocityCount == $specialList.size())
                                            <li class = "last-child">
                                            #else
                                            <li>
                                            #end
											<a href="$!bean.link" target="_blank" title="$!bean.label">#subString($!bean.label 19)</a>
											<span class="article_date">#m_date($!bean.date)</span>
                                        </li>
									#end
                                </ul>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        #if($roleHomsCnName == "管理员")
        <div class="col-md-6">
            <div class="panel" id="require-panel">
                <div class="panel-heading">
					<h3 class="panel-title"><a href="$!{ctx}/member/require.do">我的需求</a></h3>
                    <span class="caret"></span>
                </div>
                <div class="panel-body">
                    <div class="col-md-resize">
                        <div class="col-md-side">
                            <ul class="nav nav-tabs">
								<li class="active"><a href="#require-box" data-toggle="tab"><div class="icons-require-search"></div>进度查询</a>
                                </li>
                                <li><a href="#suggest" data-toggle="tab"><div class="icons-require-fill"></div>提需求</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-content tab-content">
                            <div class="tab-pane active " id="require-box">
								#if($!{requireBean})
                            	
								<table class="table table-bordered">
								<!--  
								  <tr>
								    <th>提交时间</th>
								    <td>$!{requireBean.submit_date}</td>
								  </tr>
								  -->
								  
								  <tr>
								    <th>需求编号</th>
								    <td><a href="$!{ctx}/member/require.do" >$!{requireBean.require_code}</a></td>
								  </tr>
								  <tr>
								    <th>需求状态</th>
								    <td>$!{requireBean.requireMyState}</td>
								  </tr>
								  </table>
								  #else

								  <div class="no-data">
									  您还没有提交过需求,<br/>或者您提交的需求尚未被受理
								</div>
								  #end
								
                            </div>
                            <div class="tab-pane" id="suggest">
                                <form action="$!{ctx}/member/advisesave.do" class="validatorForm syncForm" method="post" id="adviseForm">
                                    <div class="form-group">
                                        <textarea rows="6"  name="advisecontent"  class="form-control"  data-rule-required="true"  data-msg-required="请输入需求！"  data-rule-maxlength="200"  data-msg-maxlength="需求请不要超过200字！" ></textarea>
                                    </div>
                                    <div class="form-group">
                                        <input type="submit" class="pull-right btn-lg btn btn-primary" value="提交" />
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        #end
        <div class="col-md-6">
            <div class="panel" id="couse-panel">
                <div class="panel-heading">
					<h3 class="panel-title"><a href="$tool.getCmsPrefix()superior/index.htm">课程</a></h3>
                </div>
                <div class="panel-body">
                	<ul class="articles pull-left">
	                    #foreach($bean in $adnoticeList)
						<li>
							<a href="$!bean.link" target="_blank" title="$!bean.title">#subString($!bean.title 14)</a>
							<span class="article_date">#m_date($!bean.date)</span>
	                    </li>
						#end
	                </ul>
                    <div class="videos pull-right">
						<ul class="articles-video">
							#foreach($bean in $courseVideo)
							<li>
							<a href="$!bean.link" target="_blank" title="$!bean.title">
								<img src="$!bean.img" /></a>
							</li>
							#end
						</ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel" id="periodical-panel">
                <div class="panel-heading">
					<h3 class="panel-title"><a href="$tool.getCmsPrefix()periodical/index.htm">期刊</a></h3>
                </div>
                <div class="panel-body">
                    <div class="periodical-scroll">
						#foreach($bean in $periodicalList)
							#if($velocityCount<4)
							<div class="periodical-scroll-item">
								<a href="$!bean.attachmentPath" target="_blank" title="$!bean.channelName">
								<img src="$!bean.img" />
								<label>#subString($!bean.channelName 6)</label>
								</a>
								<h3><a href="$!bean.attachmentPath" title="$!bean.title">#subString($!bean.title 10)</a></h3>
							</div>
							#end
						#end
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel">
                <div class="panel-heading">
                    <h3 class="panel-title">机构间服务</h3>
                </div>
                <div class="panel-body">
                    <img class="pull-right" width="100%" src="$!{ctx}/images/temp_10.png"  alt="7月强势来袭" />
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">提示信息</h4>
            </div>
            <div class="modal-body">
                <div class="modal-img"></div><div class="modal-notice"></div>
            </div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
